<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书列表页</title>
    <style>
        table, th, td{
            border: 1px solid black;
            border-collapse:collapse;
        }
        button[type="button"]{
            margin: 20px;
            height: 50px;
            width: auto;
        }
        img{
            height: 250px;
            width: 200px;
        }
    </style>
</head>
<body>
    <div class="container">
        <table>
            <tr>
                <th>图片：</th>
                <th>图书名称：</th>
                <th>作者：</th>
                <th>出版社：</th>
                <th>出版日期：</th>
                <th>库存数量：</th>
            </tr>
            <tr>
                <td>
                    <img src="https://ss3.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/baike/w%3D268%3Bg%3D0/sign=8fd441b381cb39dbc1c06050e82d6e19/342ac65c10385343a9e2a2789313b07eca8088bd.jpg" />
                </td>
                <td>Web开发与设计基础（第5版）</td>
                <td>莫里斯</td>
                <td>清华大学出版社</td>
                <td>2011年五月五日</td>
                <td>100</td>
            </tr>
            <tr>
                <td>
                    <img src="https://img0.baidu.com/it/u=1258770894,2368810239&fm=224&fmt=auto&gp=0.jpg" />
                </td>
                <td>HTML5揭秘</td>
                <td>Mark Pilgrim</td>
                <td>电子工业出版社</td>
                <td>2010-12</td>
                <td>10</td>
            </tr>
        </table>
        <button onclick="window.open('upload.html')" type="button" class="btn btn-default">登记新图书</button>
    </div>
</body>
</html>